<template>
	<view class="index-con" v-if="item.type!='6'&&item.type!='7'">
		<view class="display-flex" style="flex-direction: row;padding-bottom: 6rpx;">
			<img src="../../../static/icon@2x.png" class="tag" alt="" />
			<view class="text">{{ item.name }}</view>
		</view>
		<skin-level :type="item.type" :item="item" :obj="obj" />
		<!-- 	<view class="content-info-title" v-if="item.type!= 7 && item.type!= 8">
			<img src="../../../static/bgjd2.png" alt="" />
			<img src="../../../static/bgjd1.png" alt="" />
			<text>报告解读</text>
		</view> -->
		<view class="content-info" v-if="item.type == 1">
			<!-- <mp-html :content="item.content" /> -->
			{{item.content}}
		</view>

		<view v-else-if="item.type!='6'&&item.type!='7'" class="content-info" v-for="(c, index) in item.content"
			:key="index">
			<!-- <mp-html :content="c" /> -->
			{{ c }}
		</view>

		<view>

		</view>

	</view>
</template>

<script>
	import SkinLevel from './skin-level.vue'
	import mpHtml from '@/components/mp-html/mp-html'

	export default {
		components: {
			SkinLevel,
			mpHtml
		},
		props: {
			obj: {
				type: Object,
				default: () => {
					return {}
				}
			},
			item: {
				type: Object,
				default: () => {
					return {}
				},
			},
		},
		data() {
			return {
                 url:'./../../../static/'
			}
		},
		created() {

		}
	}
</script>

<style lang="scss" scoped>
	.index-con {
		min-height: 200rpx;
		width: 100%;
		background-color: #fff;
		box-sizing: border-box;
		padding: 40rpx;

		.tag {
			width: 30rpx;
			height: 30rpx;
			color: #333;
			
			 
		}

		.titleTag {
			font-family: STYuanti-SC-Regular, STYuanti-SC;
			;
			color: #FF6875;
			font-size: 24rpx;
			position: absolute;
			left: 65rpx;
			// padding: 10rpx 0rpx;
			margin-top: 5rpx;
			// border-radius: 200rpx;

			// -webkit-box-shadow: inset 0 0 10px rgba(255, 104, 117, 0.65);
			// -moz-box-shadow: inset 0 0 10px rgba(255, 104, 117, 0.65);
			// box-shadow: inset 0 0 10px rgba(255, 104, 117, 0.65);
			// border-image: linear-gradient(143deg, rgba(255, 161, 173, 0), rgba(255, 104, 117, 0.65)) 1 1;
			// filter: blur(0.15px);
			// display: flex;
			// justify-content: center;
			// align-items: center;

		}

		.text {
			font-weight: bold;
			font-size: 32rpx;
			overflow: hidden;
			margin-left: 5rpx;

		}

		&:not(:last-child) {
			margin-bottom: 15px;
		}

		.content-info-title {
			margin-top: 30rpx;
			height: 34rpx;
			font-size: 24rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: bold;
			color: #333333;
			line-height: 17px;
			display: flex;
			flex-direction: row;
			align-items: center;

			img {
				width: 12rpx;
				height: 16rpx;
				// background: #FF6875;
				border-radius: 2px;
			}

			text {
				margin-left: 10rpx;
			}

		}

		.content-info {
			color: #333;
			text-align: justify;
			font-size: 11pt;
			line-height: 1.5;
			// font-weight: bold;

			&:not(:last-child) {
				margin-bottom: 20rpx;
			}
		}

		.content-icon {
			width: 24px;
			height: 24px;
			background: #FFFFFF;
			margin-left: 20rpx;
			border-radius: 200rpx;
		}

		.content-text {
			height: 42px;
			background: #FFF8FA;
			border-radius: 6px;
			color: #FF677D;
			font-size: 24rpx;
		}
	}
</style>
